Ext.define('Projeto.view.Viewport', {
    extend: 'Ext.container.Viewport',
    alias: 'widget.projetoviewport',
		
    layout: 'fit',
    minWidth: 1000,
	
    requires: [
    'Projeto.view.Menu',
    'Projeto.view.Images',
    'Projeto.view.ImagesList',
    'Projeto.view.ImageEdit',
    'Projeto.view.ImageFilter',
    'Projeto.view.Videos',
    'Projeto.view.Users',
    'Projeto.view.UserList',
    'Projeto.view.UserEdit',
    'Projeto.view.Observatories',
    'Projeto.view.ObservatoryList',
    'Projeto.view.ObservatoryEdit'
    ],
	
	
    initComponent: function() {
        this.items = {
            dockedItems: [{
                dock: 'top',
                xtype: 'toolbar',
                height: 80,
                items: [{
                	style: 'font-size: 20px',
                    html: 'Projeto IV'
                }, '->',{
                	xtype: 'container',
                	id: 'userInfo',
                	html: 'Bem vindo <strong></strong>'
                }]
            }],
            layout: {
                type: 'hbox',
                align: 'stretch'
            },
            items:[{
                width: 250,
                xtype: 'panel',
                id: 'west-region',
                items: [{
                    xtype: 'menulist'
                }],
                layout: {
                    type: 'vbox',
                    align: 'stretch'
                }
            }, {
                xtype: 'container',
                flex: 1,
                layout: {
                    type: 'vbox',
                    align: 'stretch'
                },
                items: [{
                    xtype: 'tabpanel',
                    id: 'tabMainContainer',
                    flex: 1,
                    border: false
                }]
            }]
        };
		
        this.callParent();
    }
});